<!DOCTYPE html>
<html lang="en" class="md device-pixel-ratio-3 device-retina device-desktop device-windows support-position-sticky" >

<head>
    <meta charset="utf-8" />
    <meta name="theme-color" content="#000000" />
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1" />
    <link rel="apple-touch-icon" href="favicon.ico" />
    <meta name="apple-mobile-web-app-title" content="坏坏漫画" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="referrer" content="never">
<script type="text/javascript" src="js/debug.js"></script>
    <link rel="shortcut icon" href="./favicon.ico" />
    <title>个人中心</title>
    <link href="css/main.48b4036a.css" rel="stylesheet">
    <link href="css/aui.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
    <script type="text/javascript" src="js/template-web.js"></script>
    <script type="text/javascript" src="js/aui-toast.js"></script>
    <script type="text/javascript" src="js/aui-dialog.js"></script>
    <script type="text/javascript" src="js/config.js" charset="utf-8"></script>
<div style="display: none;">
</div>  
    

</head>

<body >
    <div id="root" style="height: 100%;">
        <div id="framework7-root" class="framework7-root">
            <div class="panel-backdrop"></div>
            <div class="panel panel-left panel-reveal">
                <div id="chapterDirectory" class="page">
                    <div class="page-content">
                        <div class="block-title">目录</div>
                        <div class="no-margin-bottom list virtual-list">
                            <ul id="leftpannel" style="height: 5667.84px;">
                                <li class="bg-color-default text-color-primary" style="height: 0.48rem; top: 0px; font-size: 110%; font-weight: 700;"><a class="item-link" href="#">
                                        <div class="item-content">
                                            
                                            <div class="item-inner">
                                                <div class="item-title">第1話-&lt;1&gt;</div>
                                            </div>
                                        </div>
                                    </a></li>
                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="view view-main">
                
<style>
  .action{
  	padding:10px;
  }
</style>
<div class="view view-main">
    <div class="reader-index page page-current tabs" data-name="reader">
        <div class="reader-index-toolbar toolbar toolbar-bottom-md tabbar tabbar-labels color-white">
            <div class="toolbar-inner">
                <a class="tab-link " href="/index.html" data-route-tab-id="home">
                    <div class="reader-index-toolbar-icon">
                        <i class="icon_tj"></i>推荐
                    </div>
                </a>
                <a class="tab-link " href="/cate.html" data-route-tab-id="category">
                    <div class="reader-index-toolbar-icon">
                        <i class="icon_fl"></i>分类
                    </div>
                </a>
                <a class="tab-link " href="/favorite.html" data-route-tab-id="bookshelf">
                    <div class="reader-index-toolbar-icon">
                        <i class="icon_wdmh"></i>我的漫画
                    </div>
                </a>
                <a class="tab-link tab-link-active" href="/user.html" data-route-tab-id="personal">
                    <div class="reader-index-toolbar-icon">
                        <i class="icon_zh"></i>账号
                    </div>
                </a>
                <span class="tab-link-highlight" style="width: 25%; transform: translate3d(0%, 0px, 0px);"></span></div>
        </div>
        <div class="tabs-animated-wrap">
            <div class="tabs" style="transform: translate3d(-300%, 0px, 0px);">
                <div id="home" class="page-content tab"> </div>
                <div id="category" class="page-content tab"> </div>
                <div id="bookshelf" class="page-content tab"> </div>
                <div id="personal" class="page-content tab tab-active">
                    <div class="page" data-name="readerPersonal">
                        <div class="page-content">
                            <div class="reader-personal-header"><a class="skinBtn button button-round button-fill button-small" href="/setmyui.html">主题</a>
                                <div class="user"><img class="avatar" src="images/7.jpg" alt="">
                                    <p class="name" id="loginName">xwxqri</p>
                                    <input style="display: none" id="userId"/>
                                    <b>截图保存不迷路</b>
                                </div>
                            </div>
                            <div class="reader-personal-card card">
                                <div class="card-header">
                                    <div class="metas">
                                        <div class="meta">
                                            <div class="name"><i class="icon_coin"></i>书币</div>
                                            <div class="value" id="bookCoin">38<label>剩余数量</label></div>
                                        </div>
                                        <div class="meta">
                                            <div class="name"><i class="icon_vip"></i>VIP</div>
                                            <div class="value">
                                                <span class="font-size-16">
                                                     未开通                                                </span>
                                                <label>剩余：0小时</label></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-content card-content-padding">
                                    <div class="billboards">
                                        <div class="title">坏坏漫画VIP</div>
                                        <div class="desc">开通会员免费畅读全站千部漫画</div><a class="button button-round button-fill button-small color-white" href="/pay.html">立即开通<i class="icon material-icons">chevron_right</i></a>
                                    </div>
                                    <div class="list">
                                        <ul>
                                            <li class=""><a class="item-link" href="javascript:void(0);" onclick="shareLine1();">
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div><i class="reader-image-icon margin-right-sm" style="background-image: url(images/user4.png);"></i> <span style="">宝粉永不走散</span></div>
                                                           <div class="item-after">yymh66@qq.com</div>
                                                        </div>
                                                    </div>
                                                    <li class=""><a class="item-link" href="/home/user/feedback.html">
                                                            <div class="item-content">
                                                                <div class="item-inner">
                                                                    <div><i class="reader-image-icon margin-right-sm" style="background-image: url(images/user1.png);"></i> 有问题加下面客服解决</div>
                                                                    <div class="item-after">吐槽报错</div>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                </a>
                                            </li>
                                            <li class="item-divider"><span></span></li>
                                            <li class=""><a class="item-link" href="/pay.html">
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div><i class="reader-image-icon margin-right-sm" style="background-image: url(images/user2.png);"></i> 储值中心</div>
                                                            <div class="item-after">会员可看全站书籍</div>
                                                        </div>
                                                    </div>
                                                </a></li>
                                           <li class=""><a class="item-link" href="/setting.html">
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div><i class="reader-image-icon margin-right-sm" style="background-image: url(images/user6.png);"></i> 安全设置</div>
                                                            <div class="item-after">綁定手機號</div>
                                                        </div>
                                                    </div>
                                                </a></li>
                                            <li class=""><a class="item-link" href="/record.html">
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div><i class="reader-image-icon margin-right-sm" style="background-image: url(images/user3.png);"></i> 消费记录</div>
                                                        </div>
                                                    </div>
                                                </a></li>
                                            <li class=""><a class="item-link" href="/invite_record.html">
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div><i class="reader-image-icon margin-right-sm" style="background-image: url(images/user3.png);"></i> 邀请奖励记录</div>
                                                        </div>
                                                    </div>
                                                </a></li>
                                            <li class=""><a class="item-link" href="javascript:void(0);" onclick="shareLine();">
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div><i class="reader-image-icon margin-right-sm" style="background-image: url(images/user4.png);"></i> <span style="color: rgb(244, 141, 116);">赚书币免费看</span></div>
                                                        </div>
                                                    </div>
                                                </a></li>
                                            <li class="item-divider"><span></span></li>
                                            <li class=""><a class="item-link" href="/apps/">
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div><i class="reader-image-icon margin-right-sm" style="background-image: url(images/user5.png);"></i> app下载</div>
                                                        </div>
                                                    </div>
                                                </a></li>
                                         <!--li class=""><a class="item-link" href="http://kf.ksc8.top/php/app.php?widget-mobile">
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div><i class="reader-image-icon margin-right-sm" style="background-image: url(images/user7.png);"></i> 联系客服</div>
                                                        </div>
                                                    </div>
                                                </a></li-->    
                                           
                                            <li class="item-link" onclick="kefu();">
                                                <div class="item-content">
                                                    <div class="item-inner">
                                                        <div><i class="reader-image-icon margin-right-sm" style="background-image: url(images/user7.png);"></i> 联系客服</div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div><a class="logoutBtn button button-big button-raised" ><span class="text-color-red">退出登錄</span></a>
                                </div>
                            </div>
                            <div id="customerServiceActions" style="z-index: 23000;" class="actions-modal actions-grid">
                                <div class="justify-content-space-around actions-group">
                                    <div class="actions-label">选择联系方式</div>
                                    <div class="font-size-12 line-height-12 no-padding-top actions-label">客服工作时间：8:00-24:00</div>
                                    <div class="actions-button" onclick="kefuline();">
                                        <div class="actions-button-media"><img slot="media" alt="" src="images/line.png" style="width: 0.48rem;"></div>
                                        <div class="actions-button-text"><span>Line</span></div>
                                    </div>
                                    <div class="actions-button"  onclick="kefuqq();">
                                        <div class="actions-button-media"><img slot="media" alt="" src="images/qq.png" style="width: 0.48rem;"></div>
                                        <div class="actions-button-text"><span>QQ</span></div>
                                    </div>
                                    <div class="actions-button"  onclick="kefuwx();">
                                        <div class="actions-button-media"><img slot="media" alt="" src="images/wx.png" style="width: 0.48rem;"></div>
                                        <div class="actions-button-text"><span>微信</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

            </div>
            <div class="framework7-modals"></div>
            <div class="actions-backdrop"></div>
            <div class="dialog-backdrop"></div>
            <div class="dialog dialog-buttons-1 dialog-buttons-vertical reader-copy-modal modal-in" style="display: none; margin-top: -372px;">
                <div class="dialog-inner">
                    <div class="dialog-title"></div>
                    <div class="dialog-text"></div>
                    <input id="foo" type="link" value="" readonly="">
                </div>
                <div class="dialog-buttons">
                    <span class="dialog-button dialog-button-bold text-align-center text-color-primary" data-clipboard-action="copy" data-clipboard-target="#foo">复制链接</span>
                </div>
            </div>
            <div class="popover-backdrop"></div>
            <div class="toast">
                <div class="toast-content">
                    <div class="toast-icon"></div>
                    <div class="toast-text"></div>
                    <a class="toast-button"></a>
                </div>
            </div>
            
        </div>
    </div>
    <script type="text/javascript" src="js/yymh.js"></script>
    <script src="js/clipboard.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var imgpath = '';
            $.ajax({
                url: baseApi + "/carton/app/user",
                type: 'get',
                headers:{'authToken':localStorage.getItem("authToken")},
                success: function (data) {
                    if (data.code === 0) {
                        $("#loginName").html(data.data.loginName);
                        $("#bookCoin").html(data.data.bookCoin);
                        $(".avatar").attr("src",data.data.avatar);
                        $("#userId").val(data.data.userId);
                        appCenter.userId=data.data.userId;
                    }else{
                        window.location.href="/login.html";
                    }
                }
            });
        });

        $(".logoutBtn").click(function(){
            localStorage.removeItem("authToken");
            window.location.href="/login.html";
        })

        //fenxiang
        function shareLine(){
            $('.dialog-backdrop').addClass('backdrop-in');
            $('.dialog').find('.dialog-title').html('赚书币免费看');
            $('.dialog').find('.dialog-text').html('複製如下連結，分享給親密好友，附近的人，QQ群，微信群，論壇等，一旦有人點擊，即刻獲贈200書幣，每人每日有50次机会。');
            $('.dialog').find('input[type="link"]').val('http://'+window.location.host+'?pid='+$("#userId").val());
            $('.dialog').show();
        }
        //fenxiang
        function shareLine1(){
            $('.dialog-backdrop').addClass('backdrop-in');
            $('.dialog').find('.dialog-title').html('官方邮箱');
            $('.dialog').find('.dialog-text').html('可用于获取最新地址，问题咨询');
            $('.dialog').find('input[type="link"]').val("yymh66@qq.com");
            $('.dialog').show();
        }

        function kefuline(){
            $("#customerServiceActions-"+1397548).remove();
            $('.actions-backdrop').removeClass('backdrop-in');
            $('.dialog-backdrop').addClass('backdrop-in');
            $('.dialog').find('.dialog-title').html('客服Line号');
            $('.dialog').find('.dialog-button-bold').html('复制内容');
            $('.dialog').find('input[type="link"]').val("2969782088");
            $('.dialog').show();
        }

         function kefuqq(){
            $("#customerServiceActions-"+1397548).remove();
            $('.actions-backdrop').removeClass('backdrop-in');
            $('.dialog-backdrop').addClass('backdrop-in');
            $('.dialog').find('.dialog-title').html('客服QQ号');
            $('.dialog').find('.dialog-button-bold').html('复制内容');
            $('.dialog').find('input[type="link"]').val("2969782088");
            $('.dialog').show();
        }

        function kefuwx(){
            $("#customerServiceActions-"+1397548).remove();
            $('.actions-backdrop').removeClass('backdrop-in');
            $('.dialog-backdrop').addClass('backdrop-in');
            $('.dialog').find('.dialog-title').html('客服微信号');
            $('.dialog').find('.dialog-button-bold').html('复制内容');
            $('.dialog').find('input[type="link"]').val("2969782088");
            $('.dialog').show();
        }

        function kefu(){
            $("#customerServiceActions-"+1397548).remove();
            $('.actions-backdrop').addClass('backdrop-in');
            var addItem = $('#customerServiceActions').clone(true).attr('id', 'customerServiceActions-'+1397548);
            $('.actions-backdrop').after(addItem);
            $("#customerServiceActions-"+1397548).addClass('modal-in').show();
        }
      	
    </script>

</body>
</html>